<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>云顶书院图书馆-首页</title>
    <link rel="icon" href="../ico/favicon.ico">
    <link rel="stylesheet" href="../font_3880788_qzhmn5z27lg/iconfont.css">
    <link rel="stylesheet" href="../css/topBottom.css">
    <link rel="stylesheet" href="../css/indexUser.css">
    <script src="../js/animate.js"></script>
    <script src="../js/indexUser.js"></script>
</head>

<body>
    <!-- 最顶部页面固定栏设计,包括logo，首页，用户等六个小模块 -->
    <div class="topKe">
        <div class="top">
            <div class="topLogo">
                <div><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/yunlogo.png" alt=""></div>
                &nbsp云顶书院
            </div>
            <div class="topIndex">
                <a href="http://127.0.0.1:5500/html/indexuser.html"><span class="iconfont icon-shouye"></span>
                    首页</a>
            </div>
            <div class="topBook">
                <a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/wenxue.html"><span class="iconfont icon-tushu"></span>
                    图书</a>
            </div>
            <div class="topUser">
                <a href="http://127.0.0.1:5500/html/personUser/personUser.html"><span
                        class="iconfont icon-geren2"></span>
                    个人</a>
            </div>
            <div class="topSer">
                <a href="http://127.0.0.1:5500/html/serviceUser/daohangUser.html"><span
                        class="iconfont icon-banli"></span>
                    服务办理</a>
            </div>
            <div class="topSearch">
                <input type="text">
                <div class="sousou">
                    <span class="iconfont icon-sousuoxiao"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 设置一个空盒子来占顶部固定栏所占位置，从而不遮挡下面内容 -->
    <div class="prevent"></div>
    <!-- 背景图覆盖 -->
    <div class="indexBack">
        <!-- 主体部分 -->
        <div class="main">
            <!-- 轮番图制作 -->
            <div class="banner">
                <!-- 边部小箭头 -->
                <div class="bannerjian1">
                    <span class="iconfont icon-zuojiantou"></span>
                </div>
                <div class="bannerjian2">
                    <span class="iconfont icon-youjiantou"></span>
                </div>
                <!-- 要显示的图片 -->
                <ul class="imgList">
                    <li><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/banner1.jpg" alt="" class="img1">
                    </li>
                    <li><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/banner0.jpg" alt="" class="img0">
                    </li>
                    <li><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/banner1.jpg" alt="" class="img1">
                    </li>
                </ul>
            </div>
            <!-- 中间文字部分 -->
            <div class="zhuxi">读书之法，在循序而渐进，熟读而精思。—朱熹</div>
            <div class="bookitd"><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/mainword2.png" alt=""></div>
            <!-- 两个好看的小图标 -->
            <div class="tubiao1"><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/xiushi2.png" alt=""></div>
            <div class="tubiao2"><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/xiushi1.png" alt=""></div>
            <!-- 书籍介绍部分 -->
            <div class="inbook">
                <!-- 边部小箭头 -->
                <div class="injian1">
                    <span class="iconfont icon-zuojiantou"></span>
                </div>
                <div class="injian2">
                    <span class="iconfont icon-youjiantou"></span>
                </div>
                <!-- 要显示的图片 -->
                <ul class="inimg">
                    <li><a href="javascript:;"><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/inbook1.jpg"
                                alt="" class="inpic"></a></li>
                    <li><a href="javascript:;"><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/inbook2.jpg"
                                alt="" class="inpic"></a></li>
                    <li><a href="javascript:;"><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/inbook3.jpg"
                                alt="" class="inpic"></a></li>
                    <li><a href="javascript:;""><img src=" https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/inbook1.jpg"
                            alt="" class="inpic"></a></li>
                </ul>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="word">
                <p>友情链接</p>
                <br />
                <p><a href="https://www.tyut.edu.cn/" target="_blank">太原理工大学</a></p>
                <br />
                <p><a href="https://www.yunliyunwai.cn/">云里云外开源社区</a></p>
            </div>
        </div>
    </div>
</body>

</html>